<script>
export default { 
  emits: ['eventName']
}
</script>

<template>
  <div class="root">
    <h1> Non - Page - Componet </h1>
    <button @click="$emit('eventName', $event.target.value)" value='Clicked!'> Click Me !</button>
  </div>
</template>

<style scoped>
.root {
  width: 400px;
  height: 200px;
  border: 1px solid #0000FF;
}
</style>
